<template>
	<div class="app-contain">
		<div class="i-box mb20" v-for="item in teacherList" v-if="item">
			<div class="c-teacher tac speci-inv-t">
				<div class="b-l-pic">
					<a href="javascript:void(0);"> <img :src="domain+item.avatar"> </a>
				</div>
				<div>
					<p class="c-333 fsize16">讲师：
						<a href="javascript:void(0);" class="c-333">{{item.name}}</a>
					</p>
				</div>
				<div class="c-tea-desc mt10" :title="item.education">
					<p>{{item.education}}</p>
				</div>
			</div>
		</div>	
	</div>
	
</template>

<script>
	export default {
		
		name: 'teacher',
		data() {
			return {
				
			}
		},
		props:['teacherList','domain']
	}
</script>

<style scoped>
.b-l-pic {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    display: inline-block;
    border-radius: 50%;
    height: 130px;
    position: relative;
    width: 130px;
}

.b-l-pic img {
    border-radius: 50%;
    height: 110px;
    left: 50%;
    margin: -60px 0 0 -60px;
    position: absolute;
    top: 50%;
    width: 110px;
    border: 5px solid #f3f2f2;
}
</style>